<template>
  <div class="card-buy container-fluid p-0 ms-0">
    <div class="d-none d-md-block px-3">
      <h1 class="mt-3 mt-md-0 mt-lg-3 mb-md-0 ">336 USDT</h1>
      <div class=" bg-black rounded-3 position-relative bootom-0 overflow-hidden p-3 mt-3">
        <a href="#" class="text-danger text-decoration-none">
          <h6 class="col row d-flex justify-content-between align-items-center m-0 p-0">
            <span class="col-6 text-white h4">立即购买</span>
            <img class="col-2" style="height: 25px;width: 50px" src="" alt="">
          </h6>
        </a>
      </div>
      <h6 class="text-end text-muted mt-1"><small>全球限量发售 100 份</small></h6>
    </div>
    <div class="position-fixed bg-black bottom-0 w-100 left-0 shadow" style="z-index: 2000">
      <div class="d-flex d-md-none justify-content-between align-items-center px-3 py-3 bg-white">
        <h3 class="mb-0 text-danger"><strong>336 USDT</strong></h3>
        <a href="#" class="text-danger text-decoration-none bg-black py-2 px-4 rounded-pill">
          <h6 class="d-flex m-0 p-0">
            <span class="h6 mb-0 text-light py-1 px-3">立即购买</span>
          </h6>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "card-buy",
  data() {
    return {
      
    };
  },
  created() {
      
  },
};
</script>
<style scoped>

</style>